<template>
  <div class="left-container">
    <h3>Left 组件</h3>
    <button @click="getInfo">发起 Get 请求</button>
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'LeftComponent',
  methods: {
    async getInfo () {
      const { data } = await axios.get('https://tenapi.cn/v2/toutiaohotnew')
      // const res = axios.get('https://tenapi.cn/v2/history')
      console.log(data.data)
    }
  }
}
</script>

<style lang="less" scoped>
.left-container {
  background-color: pink;
  min-height: 200px;
  flex: 1;
}
</style>
